@extends('layouts.header')
@section('title','亿物联盟')
@section('content')

<input type="hidden" id='startTime' value="1546149669965"> <!-- 开始时间 -->
<input type="hidden" id="rentMoney" value="10"> <!-- 时租费用 -->

<div class="orderDetails">
    <div class="area">
        <div class="areaTitle">订单详情</div>
        <div class="neirong">
            <p>设备号：0123456-01</p>
            <p>时租：10元/每小时</p>
            <p>开始时间：2018-12-21 10:20</p>
        </div>
    </div>
    <div class="area">
        <div class="areaTitle">当前使用时长</div>
        <div class="duration">
            <div><span id="shiyongH">80</span>小时<span id="shiyongMin">20</span>分钟</div>
        </div>
    </div>
    <div class="area">
        <div class="areaTitle">当前费用</div>
        <div class="cost">
            <div>¥ <span id="money">100</span></div>
        </div>
    </div>
    <div class="shiyongxuzhi">使用须知：点击下方<span>“结束使用”</span>后，按当前费用付款后，订单结束，柜门开启。</div>

    <div class="sub">
        <button id="submitBtn">结束使用</button>
    </div>
</div>
@endsection
@push('js')

@endpush
